<template>
  <view class="container">
    <!-- 头部banner -->
<!--    <view class="banner">
      <image src="/static/party-building-banner.jpg" mode="widthFix"></image>
    </view>
    -->
    <!-- 标题 -->
    <view class="title-section">
      <text class="title">5G高新视频党建教育基地简介</text>
      <view class="divider"></view>
    </view>
    
    <!-- 内容部分 -->
    <view class="content-section">
      <text class="content-text">
        青岛5G高新视频党建教育基地坐落于中国广电•5G高新视频实验园区（国家广电总局在全国布局的唯一5G高新视频实验园区），以"党建创新、数字赋能、理论学习、技能实训"为核心理念，专门从事党建数字资源开发、党业融合课程研发、党建心理学研究和党务技能实训等工作。
      </text>
      
      <view class="honor-section">
        <text class="section-title">基地荣誉</text>
        <view class="honor-list">
          <view class="honor-item" v-for="(item, index) in honors" :key="index">
            <text class="honor-text">• {{item}}</text>
          </view>
        </view>
      </view>
      
      <view class="feature-section">
        <text class="section-title">党建引领，数字赋能</text>
        <text class="content-text">
          基地依托东方影都和中国广电•5G高新视频实验园区强大的平台资源及技术优势，设立5G高新视频党建教育展厅、全息幻影教室、沉浸式演播厅、多媒体沉浸式教室、脑科学训练室等全维度的教学体验空间，开创性地推出"党史党建教育+高新视频体验+心智能力训练"的独有模式，以最前沿的数字技术为支撑，串联众多高新视频应用示范场景，全新呈现中国共产党的创新思想理论和百年辉煌的发展历程，真正运用新技术、采用新形式、提供新内容，创新形式系统宣讲党的思想理论、政治理论和方针政策，让广大党员干部在沉浸式体验的感动感悟中学习，切实增强党性修养，锻造能打硬仗的新时代铁军队伍。
        </text>
      </view>
      
      <view class="course-section">
        <text class="section-title">理论学习，技能实训</text>
        <text class="content-text">
          基地邀请国内党建、心理学、管理学专家创新研发党建培训体系，形成主题教育、专题教育、学习教育、党史学习教育四大基础理论学习板块，并结合新媒体技术独立开发"心长征路""主题党日系列课程""马克思主义中国化时代化主题研学"等特色课程。
        </text>
        <text class="content-text">
          基地以服务党业融合为基本目标，根据组织需要，开发"基础党务技能""支部书记领导力""新时代领导干部媒介素养""党建品牌建设""企业文化内训师""企业心理疏导师"等技能实训课程，为组织培养新时代党建创新人才。
        </text>
      </view>
      
      <view class="achievement-section">
        <text class="section-title">基地成果</text>
        <text class="content-text">
          2021年至今，基地已累计接待观摩近1300批次，组织培训240班次，学员4.7万余人，顺利承办省委组织部、青岛市委组织部、青岛市政府等重点培训项目21个，得到社会各界一致好评，成为从青岛辐射全国的党建教育培训基地。
        </text>
      </view>
    </view>
    
    <!-- 底部联系信息 -->
    <view class="footer">
      <text class="contact-text">联系电话：0532-xxxxxxx</text>
      <text class="contact-text">地址：中国广电•5G高新视频实验园区</text>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        honors: [
          "山东省基层党建工作教学示范基地",
          "山东党建云平台创新实践基地",
          "青岛市社会主义学院共识教育基地",
          "青岛市党史学习教育现场教育点",
          "青岛驻青国企党建研究会党史学习教育培训基地",
          "青岛市职工思想政治教育实践基地"
        ]
      }
    }
  }
</script>

<style>
  .container {
    display: flex;
    flex-direction: column;
    background-color: #f8f8f8;
    padding-bottom: 30rpx;
  }
  
  .banner {
    width: 100%;
  }
  
  .banner image {
    width: 100%;
  }
  
  .title-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30rpx 0;
    background-color: #c00;
  }
  
  .title {
    color: #fff;
    font-size: 36rpx;
    font-weight: bold;
    text-align: center;
  }
  
  .divider {
    width: 80rpx;
    height: 4rpx;
    background-color: #fff;
    margin-top: 20rpx;
  }
  
  .content-section {
    padding: 30rpx;
  }
  
  .section-title {
    display: block;
    font-size: 32rpx;
    font-weight: bold;
    color: #c00;
    margin: 30rpx 0 20rpx 0;
    border-left: 6rpx solid #c00;
    padding-left: 15rpx;
  }
  
  .content-text {
    font-size: 28rpx;
    line-height: 1.8;
    color: #333;
    text-align: justify;
    margin-bottom: 20rpx;
  }
  
  .honor-list {
    background-color: #fff;
    border-radius: 10rpx;
    padding: 20rpx;
    box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.1);
  }
  
  .honor-item {
    margin-bottom: 10rpx;
  }
  
  .honor-text {
    font-size: 26rpx;
    color: #666;
  }
  
  .footer {
    margin-top: 40rpx;
    padding: 20rpx;
    background-color: #f0f0f0;
    border-radius: 10rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .contact-text {
    font-size: 26rpx;
    color: #666;
    margin: 5rpx 0;
  }
</style>